<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Cubic - One Page Responsive HTML 5 Website Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Responsive Minimal Bootstrap Theme">
    <meta name="keywords" content="onepage,responsive,minimal,bootstrap,theme">
    <meta name="author" content="">


    <!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<![endif]-->


    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/jpreloader.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">



    <link rel="stylesheet" href="css/style.css" type="text/css">

    <!-- custom style css -->
    <link rel="stylesheet" href="css/custom-style.css" type="text/css">

    <!-- color scheme -->
    <link rel="stylesheet" href="css/color.css" type="text/css">

    <!-- revolution slider -->
    <link rel="stylesheet" href="rs-plugin/css/settings.css" type="text/css">
    <link rel="stylesheet" href="css/rev-settings.css" type="text/css">
    <link href="css/1.css" rel="stylesheet" type="text/css" />

    <!-- load fonts -->
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css">

</head>

<body id="homepage" >



    <div id="wrapper">
        <div class="page-overlay">
        </div>


        <!-- header begin -->
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- logo begin -->
                        <h1 id="logo">
                            <a href="index.html">
                                <img class="logo-1" src="images/logo.png" alt="">
                                <img class="logo-2" src="images/logo-2.png" alt="">
                            </a>
                        </h1>
                        <!-- logo close -->

                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->

                        <!-- mainmenu begin -->
                        <nav>
                            <nav>
                            <ul id="mainmenu">
                                <li><a  href="Index">梦之始</a></li>
                                <li><a href="#">搜索</a></li>
                                <li><a class="active" href="#">校内活动</a></li>
                                <li><a href="Outschool">校外活动</a></li>
                                <li><a href="#">天涯共此时</a></li>
                                <li><a href="Login">登陆</a></li>
                                <li><a href="Register">注册</a></li>

                            </ul>
                        </nav>

                    </div>
                    <!-- mainmenu close -->

                </div>
            </div>
        </header>
        <!-- header close -->


                <!-- revolution slider begin -->
        <div id="section-slider" class="fullwidthbanner-container">
            <div id="revolution-slider">
                <ul>
                    <li data-transition="fade" data-slotamount="10" data-masterspeed="200" data-thumb="images-slider/thumbs/thumb1.jpg">
                        <!--  BACKGROUND IMAGE -->
                        <img src="images-slider/wide1.jpg" alt="" />
                        <div class="tp-caption big-white sft"
                            data-x="center"
                            data-y="165"
                            data-speed="800"
                            data-start="400"
                            data-easing="easeInOutExpo"
                            data-endspeed="450">
                            活动主题</span>
                        </div>

                        <div class="tp-caption ultra-big-white customin customout start"
                            data-x="center"
                            data-y="center"
                            data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:2;scaleY:2;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                            data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.85;scaleY:0.85;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                            data-speed="800"
                            data-start="400"
                            data-easing="easeInOutExpo"
                            data-endspeed="400">
                            活动主题</span>
                        </div>

                        <div class="tp-caption sfb"
                            data-x="center"
                            data-y="325"
                            data-speed="400"
                            data-start="800"
                            data-easing="easeInOutExpo">
                            <a href="#" class="btn-slider">查看
                            </a>
                        </div>
                    </li>

                    <li data-transition="fade" data-slotamount="10" data-masterspeed="200" data-thumb="images-slider/thumbs/thumb1.jpg">
                        <!--  BACKGROUND IMAGE -->
                        <img src="images-slider/wide2.jpg" alt="" />
                        <div class="tp-caption big-white sft"
                            data-x="center"
                            data-y="165"
                            data-speed="800"
                            data-start="400"
                            data-easing="easeInOutExpo"
                            data-endspeed="450">
                            活动主题</span>
                        </div>

                        <div class="tp-caption ultra-big-white customin customout start"
                            data-x="center"
                            data-y="center"
                            data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:2;scaleY:2;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                            data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.85;scaleY:0.85;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                            data-speed="800"
                            data-start="400"
                            data-easing="easeInOutExpo"
                            data-endspeed="400">
                            活动主题</span>
                        </div>

                        <div class="tp-caption sfb"
                            data-x="center"
                            data-y="325"
                            data-speed="400"
                            data-start="800"
                            data-easing="easeInOutExpo">
                            <a href="#" class="btn-slider">查看
                            </a>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <!-- revolution slider close -->


        <!-- content begin -->
        <div id="content" class="no-bottom no-top content-overlay">


            <!-- section begin -->
            <section id="section-about-us-2" class="side-bg no-padding">
                <div class="image-container col-md-5 pull-left animated" data-animation="fadeInLeft" data-delay="0"></div>

                <div class="container">
                    <div class="row">
                        <div class="inner-padding">
                            <div class="col-md-6 col-md-offset-6 animated" data-animation="fadeInRight" data-delay="200">
                                <h2>安徽工程大学</h2>

                                <p class="intro">安徽工程大学是一所以工为主的省属多科性高等院校和安徽省重点建设院校，坐落在国家级开放城市芜湖。学校办学始于1935年由西班牙天主教耶稣会创设的安徽私立内思高级工校，先后经历芜湖电机制造学校（原属于国家第一机械工业部）、芜湖机械学校、合肥工业大学教学点、安徽机电学院、安徽工程科技学院等办学阶段，2010年更名为安徽工程大学，1996年通过原国家教委本科教学合格评价，2007年在教育部本科教学工作水平评估中获得优秀等级，国家首批卓越农林人才教育培养计划改革试点高校。</p>

                                <div class="row">
                                    <div class="col-md-6">
                                        <h3>Our Vision</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                    </div>
                                    <div class="col-md-6">
                                        <h3>Our Mission</h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->

            <!-- team section begin -->
            <section id="section-team">
<div id="menua">
    <ul>
      <li><a href="#">推荐</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">学生会</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">计算机协会</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">各方观点</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">的海景房</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog" >无法</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog" >分为</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog" >更多</a></li>
         <ul class="erji_ula">
         <li class="erjia"><a href="#">ul标签</a></li>
<li class="erji"><a href="#">ul标签</a></li>
</ul>
    </ul>
  </div>
</br></br></br>

                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-3 text-center">
                           <div style="text-align:left">
                            <h1 class="animated" data-animation="fadeInUp">推荐<span class="id-color">活动</span>
                               </br></br></br>
                            </h1>
                            </div>
                                                        <div class="spacer-single"></div>
                        </div>
                    </div>


                    <div class="row">
                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_1.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_2.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_3.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_4.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <div class="clearfix"></div>

                    </div>

</br></br>
                                     <div class="row">
                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_1.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_2.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_3.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_4.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <div class="clearfix"></div>

                    </div>
</br></br>
                    <div class="row">
                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_1.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_2.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_3.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <!-- team member -->
                        <div class="de-team-list col-md-3 animated" data-animation="fadeInUp" data-delay="0">
                            <div class="team-pic">
                                <img src="images/team/team_pic_4.jpg" class="img-responsive" alt="" />
                            </div>
                            <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>
                        </div>
                        <!-- team close -->

                        <div class="clearfix"></div>

                    </div>


                </div>
            </section>
            <!-- section close -->

           
           





            <!-- footer begin -->
            <footer>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-envelope-o fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                            </div>
                            <div class="spacer-single"></div>
                            © Copyright 2014 - Cubic by Designesia
                        </div>
                    </div>
                </div>
            </footer>
            <!-- footer close -->
        </div>
    </div>


    <!-- Javascript Files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jpreLoader.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/easing.js"></script>
    <script src="js/jquery.ui.totop.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/jquery.scrollto.js"></script>
    <script src="js/owl.carousel.js"></script>

    <script src="js/classie.js"></script>
    <script src="js/designesia.js"></script>
    <script src="js/validation.js"></script>

    <!-- SLIDER REVOLUTION SCRIPTS  -->
    <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

</body>
</html>
